/* defaults */
body, html {
	background:#f9f9f9 !important;
}

/*
body.login{
    background: url(https://www.webstijl.nl/files/2017/10/background-webstijlcms-greyscale.jpg) !important;
}
*/
body.login{
    background: url(https://www.webstijl.nl/files/2018/09/Inlog-1.jpg) !important;
}

/* login container */
.login #nav {
	color:#fff;
}

.login #nav a, .login #backtoblog a { 
	display:none;
}
.login form .input, .login input[type=text]{
    font-weight: 400;
}
.login input[type=password]:focus, .login input[type=text]:focus{
    border-color: #696969;
    box-shadow: 0 0 2px #696969;
}

.login label{
    color: #696969;
}

form#loginform {
	background:#eee !important;
	border:1px solid #ccc;
    box-shadow: 0px 0px 23px #0000004a;
}

form#loginform p label {
	font-weight:500;
}

#login h1 a {
	max-width: 300px;
    width: 90%;
    background-size: 80% auto !important;
}
#login {
    max-width: 550px;
    width: 90%;
}

form#loginform p label input[type=checkbox] {
	border:0;
	box-shadow:0 0 0 0 none;
	border-radius:0;
	padding:0;
}

form#loginform .forgetmenot label  {
	font-weight:normal;
}

form#loginform .submit input[type=submit] {
    background-color: #696969;
    border: none;
    transition:0.2s;
    box-shadow: none;
    text-shadow: none;
}
form#loginform .submit input[type=submit]:hover {
    background-color: #F29608;
    transition:0.2s;
}

#login #nav {
    display: none !important;
}